<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>qq颜色盒子</title>
    <link rel="stylesheet" href="jidn22.css">
</head>
<body>
    <!-- 头部开始 -->
    <div class="box header">
        <!-- 头部第一个盒子 -->
        <div class="header_first">
            <!-- logo盒子 -->
            <div class="logo"></div>
            <!-- 表单盒子 -->
            <div class="biaodan"></div>
            <!-- 分享盒子 -->
            <div class="share"></div>
        </div>
        <!-- 头部第一个盒子结束 -->

        <!-- 头部第二个盒子 -->
        <div class="header_second">
           <!-- 下面是7个列表项 -->
            <ul>
                <li class="item"></li>
                <li class="item"></li>
                <li class="item"></li>
                <li class="item"></li>
                <li class="item"></li>
                <li class="item"></li>
                <li class="item"></li>
            </ul>
        </div>
        <!-- 头部第二个盒子结束 -->
    </div>
    <!-- 上面头部结束 -->

    <!-- 下面是主页部分开始 -->

    <div class="box main">
        <!-- 下面是主页的广告盒子 -->
        <div class="ad">
            <div class="ad_left"></div>
            <div class="ad_right"></div>
        </div>

        <!-- 主页内容1部分 -->
        <div class="neirong1">
        <!-- 主页内容1部分的左边 -->
            <div class="nr1_left"></div>

            <!-- 主页内容1部分的中间 -->
            <div class="nr1_mid">
                <ul>
                    <!-- 主页内容1部分的中间的3个列表项 -->
                    <li class="ar2"></li>
                    <li class="ar2"></li>
                    <li class="ar2"></li>
                </ul>
            </div>
            <!-- 主页内容1部分的右边 -->
            <div class="nr1_right">
                <ul>
                    <!-- 主页内容1部分的右边的4个列表项 -->
                    <li class="ar3"></li>
                    <li class="ar3"></li>
                    <li class="ar3_1"></li>
                    <li class="ar3_1"></li>
                </ul>
            </div>
        </div>

        <!-- 下面是主页的广告盒子 -->
        <div class="ad">
            <div class="ad_left"></div>
            <div class="ad_right"></div>
        </div>

        <!-- 下面是主页内容第2部分 -->
        <div class="neirong2">
            <div class="nr2_1"></div>
            <div class="nr2_2"></div>
        </div>
        <div class="neirong2">
            <div class="nr2_1"></div>
            <div class="nr2_2"></div>
        </div>

        <hr>
        <!-- 下面是主页内容第3部分 -->
        <div class="neirong3">
                <ul>
                    <!-- 主页内容3部分的3个列表项 -->
                    <li class="nr3"></li>
                    <li class="nr3"></li>
                    <li class="nr3"></li>
                </ul>
        </div>

        <!-- 下面是广告ad3 -->
        <div class="ad3"></div>


        <!-- 下面是主页内容第2部分 -->
        <div class="neirong2">
            <div class="nr2_1"></div>
            <div class="nr2_2"></div>
        </div>
        <div class="neirong2">
            <div class="nr2_1"></div>
            <div class="nr2_2"></div>
        </div>

        <!-- 下面是主页的广告盒子 -->
        <div class="ad">
            <div class="ad_left"></div>
            <div class="ad_right"></div>
        </div>
        <!-- 下面是neirong4的内容 -->
        <div class="neirong4">
            <!-- 下面是neirong4的15个列表项 -->
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
            <li class="nr4"></li>
        </div>
       <!-- 下面是广告内容 -->
        <div class="ad3"></div>
        <div class="ad3"></div>


    </div>


    <!-- 下面是页面底部区域 -->
    <div class="box footer">

    </div>
</body>
</html>
